import React, { Component } from 'react'
import { Button } from 'antd-mobile'
import MyIcon from '@/components/MyIcon'

class SearchBtn extends Component {
  goSearch = () => {
    this.props.history.push('/search')
  }
  render() {
    return (
      <div className="home-search-btn" onClick={this.goSearch}>
        <Button type="ghost">
          <MyIcon type="icon-sousuo" />
          <span className="title">请输入您要搜索菜品？</span>
        </Button>
      </div>
    )
  }
}

export default SearchBtn
